.MyNoteListItem {
  display: flex;
  height: 200px;
  margin: 20px 0;
  border: 1px solid #A5A3A2;
  background-color: rgba(255,255,255,0.5);
  .leftImg {
    height: 100%;
    flex: 1;

    img {
      height: 100%;
    }
  }


  .rightText {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;

    > div {
      margin: 10px 20px;
    }

    .rightTextTitle {
      color: #0099FF;
    }

    .rightTextType {
      color: #616262;
      font-size: 0.8rem;
    }

    .rightTextIcon {
      display: flex;
      font-size: 0.5rem !important;
      justify-content: right;

      div {
        display: flex;
        margin: 0 5px;

        span {
          display: flex;
          flex-wrap: wrap;
          align-content: center;
        }
      }

    }
  }


}

.MyNoteListItem:hover {
  box-shadow: 0px 0px 20px #000000;
}
